<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>边框</title>
		<style>
			*{
				margin:0; 
			}
			div,p,ul{
				border: 1px solid red;
				margin:10px 0;
			}
			p{
				border: 20px ridge blue;
				border-bottom: 3px  green solid;
			}
		</style>
	</head>
	<body>
		<div>
			aaaa
		</div>
		<p>
			sssssssssssssssss
		</p>
		<ul>
			<li>香蕉</li>
			<li>桔子</li>
			<li>西红柿</li>
			<li>菠萝</li>
		</ul>
	</body>
</html>